<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<link rel="shortcut icon" type="image/x-icon" href="sa-frame/admin-logo.png" class="admin-icon">
	<title>登录</title>
	<link rel="stylesheet" href="static/plugins/login/css/normalize.min.css">
	<link rel="stylesheet" href="static/plugins/login/css/style.css">
	<link rel="stylesheet" href="static/plugins/captcha/css/verify.css">
	<link rel="stylesheet" href="static/plugins/layui/css/layui.css">
</head>

<body>
<div id="formContainer" class="dwo">
	<div class="formLeft">
		<img id="avatar" src="static/plugins/login/images/avatar.png">
	</div>
	<div class="formRight">
		<!-- Forgot password form -->
		<form id="forgot" class="otherForm">
			<header>
				<h1>忘记密码</h1>
				<p>输入邮箱找回密码</p>
			</header>
			<section>
				<label>
					<p>邮箱</p>
					<input type="email" placeholder=" ">
					<div class="border"></div>
				</label>
				<button type="submit">发送邮件</button>
			</section>
			<footer>
				<button type="button" class="forgotBtn">返回</button>
			</footer>
		</form>

		<!-- Login form -->
		<form>
			<header>
				<h1>欢迎回来</h1>
				<p>请先登录</p>
			</header>
			<section>
				<label>
					<p>用户名</p>
					<input type="text" placeholder=" " id="loginName">
					<div class="border"></div>
				</label>
				<label>
					<p>密码</p>
					<input type="password" placeholder=" " id="loginPass">
					<div class="border"></div>
				</label>
				<button type="button" id="subLogin">登 录</button>
			</section>
			<footer>
				<button type="button" class="forgotBtn">忘记密码？</button>
				<button type="button" class="registerBtn">新用户？</button>
			</footer>
		</form>

		<!-- Register form -->
		<form id="register" class="otherForm">
			<header>
				<h1>用户注册</h1>
				<p>注册后享受更多服务</p>
			</header>
			<section>
				<label>
					<p>用户名</p>
					<input type="text" placeholder=" ">
					<div class="border"></div>
				</label>
				<label>
					<p>邮箱</p>
					<input type="email" placeholder=" ">
					<div class="border"></div>
				</label>
				<label>
					<p>密码</p>
					<input type="password" placeholder=" ">
					<div class="border"></div>
				</label>
				<label>
					<p>重复密码</p>
					<input type="password" placeholder=" ">
					<div class="border"></div>
				</label>
				<button type="submit">注 册</button>
			</section>
			<footer>
				<button type="button" class="registerBtn">返回</button>
			</footer>
		</form>
	</div>
</div>
<script src="static/plugins/jquery/jquery.js"></script>
<script src="static/plugins/layui/layui.js"></script>
<script src="./static/sa.js"></script>
<script src="static/plugins/captcha/js/crypto-js.js"></script>
<script src="static/plugins/captcha/js/ase.js"></script>
<script src="static/plugins/captcha/js/verify.js"></script>
<script src="static/plugins/login/login.js"></script>
</body>
</html>
